<p:dialog xmlns="http://www.w3.org/1999/xhtml"
      	  xmlns:h="http://java.sun.com/jsf/html"
      	  xmlns:f="http://java.sun.com/jsf/core"
      	  xmlns:ui="http://java.sun.com/jsf/facelets"
      	  xmlns:p="http://primefaces.org/ui"
      	  modal="true"  resizable="true" width="30%"
		  widgetVar="dialogManterProduto" id="idDialogManterProduto" closable="true"
		  appendTo="@(body)" header="Cadastrar Novo Produto"> 	
  	
	 <link rel="stylesheet" type="text/css" href="./estilos.css"/>  
<h:form id="formDialogManterProduto" prependId="false">
<h:panelGroup id="pgDialogManterProduto">
 	<p:messages id="messagesCompraManterProduto" autoUpdate="true" closable="true" />  
    	<h:panelGrid id="pgCompraManterProduto" columns="2" style="margin-top:20px; margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Produto*" styleClass="outputLabel"/>             
            <p:inputText value="#{compraBean.produto.idProduto}" styleClass="inputId" disabled="true"/>  
  			<p:inputText value="#{compraBean.produto.descricao}"  styleClass="inputDescricao" maxlength="40"
  							required="true" requiredMessage="Preencher o nome do Produto!">
  				<f:ajax listener="#{compraBean.ajaxSaveProduto}"/>
  			</p:inputText>  
        </h:panelGrid> 
        <h:panelGrid id="pgCompraProdutoMarca" columns="3" style="margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Marca*" styleClass="outputLabel"/>  
            <h:outputLabel />    
            <p:inputText value="#{compraBean.produto.marca.idMarca}" style="width:80px" maxlength="5" styleClass="inputId">
            	<f:convertNumber type="number" integerOnly="true"/>
            	<p:ajax listener="#{compraBean.onChangeMarca}" update="pgCompraProdutoMarca"/>
            </p:inputText>  
  			<p:inputText value="#{compraBean.produto.marca.descricao}"  maxlength="4" styleClass="inputDescricao">
  				<p:ajax listener="#{compraBean.onChangeMarcaNull}" update="pgCompraProdutoMarca"/>
  			</p:inputText>
  			<p:commandButton icon="ui-icon-search" actionListener="#{compraBean.openDialogConsultarMarca}" process="@this" ajax="true" immediate="true"/>
        </h:panelGrid>          
        <h:panelGrid columns="3" style="margin-right:10%;">  
            <h:outputLabel value="Peso(g)" styleClass="outputLabel"/>  
            <h:outputLabel value="Sabor" styleClass="outputLabel"/>  
            <h:outputLabel  value="Preço de Venda*" styleClass="outputLabel"/>
            <p:inputText value="#{compraBean.produto.peso}" style="width:80px" maxlength="5" styleClass="inputData">
            	<f:convertNumber type="number" />
            	<f:ajax listener="#{compraBean.ajaxSaveProduto}"/>
            </p:inputText> 
  			<p:inputText value="#{compraBean.produto.sabor}" styleClass="inputDescricao" >
  				<f:ajax listener="#{compraBean.ajaxSaveProduto}"/>
            </p:inputText>  
  			<p:inputText maxlength="7" value="#{compraBean.produto.precoVenda}" styleClass="inputData" required="true" requiredMessage="Preencher o Preço de Venda!">  							
  				<f:convertNumber type="number" />
  				<f:ajax listener="#{compraBean.ajaxSaveProduto}"/>
            </p:inputText>    
        </h:panelGrid> 
    <p:commandButton value="Salvar" actionListener="#{compraBean.saveProduto}" process="@this" update="pgDialogManterProduto"  /> 
	<p:commandButton value="Sair" actionListener="#{compraBean.closeManterProduto}" process="@this" immediate="true" style="margin-right:20px;" /> 
</h:panelGroup>
</h:form>  	
<ui:include src="/view/compra/dialogConsultarMarca.xhtml"></ui:include>
</p:dialog>
